Skip to content

test(aiinsights): add responsive breakpoint coverage#5741

Merged
JhaSourav07 merged 1 commit into
JhaSourav07:mainfrom
sanzzzz-g:test/aiinsights-responsive-breakpoints
Jun 15, 2026
Merged

test(aiinsights): add responsive breakpoint coverage#5741
JhaSourav07 merged 1 commit into
JhaSourav07:mainfrom
sanzzzz-g:test/aiinsights-responsive-breakpoints

Conversation

@sanzzzz-g

@sanzzzz-g sanzzzz-g commented Jun 15, 2026

Copy link
Copy Markdown
Contributor

Description

Fixes #2499

Added responsive breakpoint test coverage for AIInsights.tsx.

Included coverage

  • Verified rendering on mobile viewport widths.
  • Checked stacked vertical flex layouts for small screens.
  • Ensured no fixed-width classes introduce horizontal overflow.
  • Validated content visibility at narrow breakpoints.
  • Confirmed responsive card layout integrity with large datasets.

Pillar

  • 🎨 Pillar 1 — New Theme Design
  • 📐 Pillar 2 — Geometric SVG Improvement
  • 🕐 Pillar 3 — Timezone Logic Optimization
  • 🛠️ Other (Bug fix, refactoring, docs)

Visual Preview

N/A — test-only change.

Checklist before requesting a review:

  • I have read the CONTRIBUTING.md file.
  • I have tested these changes locally (localhost:3000/api/streak?user=YOUR_USERNAME).
  • I have run npm run format and npm run lint locally and resolved all errors (CI will fail otherwise).
  • My commits follow the Conventional Commits format.
  • I have started the repo.
  • I have made sure that I have only one commit to merge in this PR.

@sanzzzz-g

sanzzzz-g commented Jun 15, 2026

Copy link
Copy Markdown
Contributor Author

Hey @Aamod007 All checks are passed!

@github-actions

github-actions Bot commented Jun 15, 2026

Copy link
Copy Markdown
Contributor

📦 Next.js Bundle Size Report (Gzipped Sizes)

✨ No significant bundle size changes detected.

📊 Summary of Totals

Category PR Size Base Size Difference
Total JS 3433.84 KB 3433.84 KB 0 B
Total CSS 258.05 KB 258.05 KB 0 B

@Aamod007 Aamod007 added level:beginner Small changes Usually isolated fixes or simple UI/text updates. quality:clean PR follows clean coding practices, proper formatting, documentation, and maintainability standards. type:testing Adding, updating, or fixing tests type:design UI designs, styling, SVG icons, and themes mentor:Aamod007 gssoc:approved PR has been reviewed and accepted for valid contribution points labels Jun 15, 2026
Aamod007
Aamod007 approved these changes Jun 15, 2026
View reviewed changes

@Aamod007 Aamod007 left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is a nice tight UI regression test. The coverage in components/dashboard/AIInsights.responsive-breakpoints.test.tsx exercises the mobile render path, the flex-col layout, the no-fixed-width guard, and narrow-viewport visibility, which is exactly the sort of contract we want for responsive dashboard components.

@github-actions github-actions Bot added this to the GSSoC 2026 milestone Jun 15, 2026
@JhaSourav07 JhaSourav07 merged commit 418fba0 into JhaSourav07:main Jun 15, 2026
11 checks passed
@github-actions

github-actions Bot commented Jun 15, 2026

Copy link
Copy Markdown
Contributor

🎉 Congratulations @sanzzzz-g! Your PR has been successfully merged. 🚀

Thank you for contributing to CommitPulse. Your work helps us build a better tool for the community.

⚠️ Important for GSSoC Contributors:
You are strictly advised to join our Discord Server as it is mandatory for all GSSoC participants. All important announcements, point claims, and community discussions happen there.

Keep building! 💻✨

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@Aamod007 Aamod007 Aamod007 approved these changes

Assignees

No one assigned

Labels

gssoc:approved PR has been reviewed and accepted for valid contribution points level:beginner Small changes Usually isolated fixes or simple UI/text updates. mentor:Aamod007 quality:clean PR follows clean coding practices, proper formatting, documentation, and maintainability standards. type:design UI designs, styling, SVG icons, and themes type:testing Adding, updating, or fixing tests

Projects

None yet

Milestone

GSSoC 2026

Development

Successfully merging this pull request may close these issues.

test(AIInsights-responsive-breakpoints): verify Responsive Multi-device Columns & Mobile Viewport Layouts (Variation 7)

3 participants

@sanzzzz-g @Aamod007 @JhaSourav07